<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE>
<head>
    <title>青稞校园-专注校园二手</title>
    <meta charset="UTF-8">
    <link rel="icon" href="Public/images/icon/smalllogo.png" type="image/x-icon"/>
    <meta name="keywords" content="校园二手,校园二手市场,大学二手,大学二手市场,大学生二手,大学二手网站,校园二手网站,校园二手app,桂林二手,桂林校园二手">
    <meta name="description" content="柚子校园网是由柚子校园团队开发的一个高校校园综合性的二手交易平台，校园二手网、大学生二手市场、大学生二手网，覆盖多所大学的大学生。涵盖二手手机、二手自行车、二手电动车、二手教材、二手书、二手电脑、二手数码产品等校园二手信息，满足大学生校园内的二手交易、二手求购的需求。买卖二手，尽在柚子校园">
    <link type="text/css" href="Public/plugins/pintuer/pintuer.css" rel="stylesheet" />
    <link href="Public/home/css/public/footer.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="Public/home/css/index/index.css">
</head>
<body>
    <div class="home-main">
        <section class="top" style="background: url(Public/images/home/5.jpg);">
          <div class="text-box">
            <h3 class="title">青稞校园</h3>
            <p class="desc">— 专注校园二手 —</p>
          </div>
          <div class="top-item-btn fadein-bottom ">
            <div class="content">
              <div class="row row-bottom-padded-lg">
                <div style="background-image: url(Public/images/home/1.png);" class="fh5co-block to-animate fadeInRight animated">
                  <div class="overlay-darker"></div>
                  <div class="overlay"></div>
                  <div class="fh5co-text">
                    <i class="fh5co-intro-icon icon-refresh"></i>
                    <h2>校园二手</h2>
                    <p>带不走的东西，丢不掉的记忆
                    </p>
                    <p>
                    让小柚子，帮它找到新的主人
                    </p>
                    <p><a class="btn btn-primary" href="sale?opt=all">校园二手</a></p>
                  </div>
                </div>
                <div style="background-image: url(Public/images/home/2.png);" class="fh5co-block to-animate fadeInRight animated">
                  <div class="overlay-darker"></div>
                  <div class="overlay"></div>
                  <div class="fh5co-text">
                    <i class="fh5co-intro-icon icon-retweet"></i>
                    <h2>校园求购</h2>
                    <p>众里寻它，蓦然回首</p>
                    <p>原来它就在这里－青稞求购</p>
                    <p><a class="btn btn-primary" href="/buy">校园求购</a></p>
                  </div>
                </div>
                <div style="background-image: url(Public/images/home/3.png);" class="fh5co-block to-animate fadeInRight animated">
                  <div class="overlay-darker"></div>
                  <div class="overlay"></div>
                  <div class="fh5co-text">
                    <i class="fh5co-intro-icon icon-users"></i>
                    <h2>關於我们</h2>
                    <p>年华已去，梦想犹在</p>
                    <p>加入我们，为了不一样的青春</p>
                    <p><a class="btn btn-primary" href="/joinus">關於我们</a></p>
                  </div>
                </div>
                <div style="clear:both;"></div>
              </div>
            </div>
          </div>
        </section>
        <section class="desc-box">
          <div class="container w3l">
            <h3>专注校园二手</h3>
            <div class="wthree_w3l_grids line">
              <div data-wow-delay=".5s" class="fadein-left x6 wthree_w3l_grid wow" style="visibility: visible;">
                <div class="x4 col-xs-4 wthree_w3l_grid-left">
                  <div class="wthree_w3l_grid-left1">
                    <span aria-hidden="true" class=" icon-shield glyphicon glyphicon-cog"></span>
                  </div>
                </div>
                <div class="x8 col-xs-8 wthree_w3l_grid-right">
                  <h4>安全</h4>
                  <p>当面沟通，信息对称，确保安全。</p>
                </div>
                <div class="clearfix"> </div>
              </div>
              <div data-wow-delay=".5s" class="fadein-right x6 col-md-6 wthree_w3l_grid wow fadeInRight animated animated animated" style="visibility: visible;">
                <div class="x4 col-xs-4 wthree_w3l_grid-left">
                  <div class="wthree_w3l_grid-left1">
                    <span aria-hidden="true" class="icon-send-o glyphicon glyphicon-scissors"></span>
                  </div>
                </div>
                <div class="x8 col-xs-8 wthree_w3l_grid-right">
                  <h4>快捷</h4>
                  <p>同校交易，省去物流，不用等待。</p>
                </div>
                <div class="clearfix"> </div>
              </div>
              <div class="clearfix"> </div>
            </div>
            <div class="wthree_w3l_grids line">
              <div data-wow-delay=".5s" class="fadein-left x6 col-md-6 wthree_w3l_grid wow fadeInLeft animated animated animated" style="visibility: visible;">
                <div class="x4 col-xs-4 wthree_w3l_grid-left">
                  <div class="wthree_w3l_grid-left1">
                    <span aria-hidden="true" class="icon-random glyphicon glyphicon-wrench"></span>
                  </div>
                </div>
                <div class="x8 col-xs-8 wthree_w3l_grid-right">
                  <h4>简单</h4>
                  <p>简单注册，简洁发布，一键到底。</p>
                </div>
                <div class="clearfix"> </div>
              </div>
              <div data-wow-delay=".5s" class="fadein-right x6 col-md-6 wthree_w3l_grid wow fadeInRight animated animated animated" style="visibility: visible;">
                <div class="x4 col-xs-4 wthree_w3l_grid-left">
                  <div class="wthree_w3l_grid-left1">
                    <span aria-hidden="true" class="icon-recycle glyphicon glyphicon-oil"></span>
                  </div>
                </div>
                <div class="x8 col-xs-8 wthree_w3l_grid-right">
                  <h4>方便</h4>
                  <p>PC，分类明晰，快速搜索。</p>
                </div>
                <div class="clearfix"> </div>
              </div>
              <div class="clearfix"> </div>
            </div>
          </div>
        </section>
        <section data-section="about" id="fh5co-about" class="animated">
      <div class="container">
        <div class="row">
          <div class="col-md-12 section-heading text-center">
            <h2 class="to-animate fadeInUp animated">关于我们</h2>
            <div class="row">
              <div class="col-md-8 col-md-offset-2 subtext to-animate fadeInUp animated">
                <h3>年华已去，梦想犹在，为了不一样的青春</h3>
              </div>
            </div>
          </div>
        </div>
        <s:iterator value="#session.list" var="l">
        <div class="line">
          <div class="x4">
            <div class="fh5co-person text-center to-animate fadeInUp animated">
              <figure><img  src="<s:property value="#l.images"/>"/></figure>
              <h3 class="name"><s:property value="#l.name"/></h3>
              <span class="fh5co-position"><s:property value="#l.position"/></span>
              <p><s:property value="#l.introduce"/></p>
            </div>
          </div>
          </s:iterator>
        </div>
      </div>
      </section>
      <section class="f-link">
        <div class="f-title">
            友情链接
        </div>
        <div class="f-box">
            <ul>
                <li>
                    <a target="_blank" href="http://tieba.baidu.com/f?kw=%CB%C4%B4%A8%C9%CC%CE%F1%D6%B0%D2%B5%D1%A7%D4%BA&fr=ala0&tpl=5">
                        四川商务职业学院吧
                    </a>
                </li>
                <li>
                    <a target="_blank" href="http://www.scsw.edu.cn/">
                        四川商务职业学院官网
                    </a>
                </li>
                <li>
                    <a target="_blank" href="http://www.scswjwc.net/">
                        四川商务教务处
                    </a>
                </li>
             
            </ul>
        </div>
      </section>
     
    </div>
<script src="/Public/public/jquery-1.8.3.min.js"></script>
<script src="/Public/plugins/layer/layer.js"></script>
<script type="text/javascript" src="Public/home/js/index/index.js"></script>


	<s:include value="footer.jsp"></s:include>

</body>
</html>